<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../libs/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/weixiuzhiliang_jiance.css">
    <script src="../js/jquery-3.1.1.js"></script>
    <script src="../libs/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<body>
    
    <div class="container-fluid header">
        <h3>故障信息</h3>
        <div class="zhuangbei_box clear">
            <div class="zhuangbei_left">
                <span>故障装备:</span>
                <span>轻型步战车 (ABC123456)</span>
            </div>
            <div class="zhuangbei_right">
                <span>维修单号:</span>
                <span id="danhao_val">201911110123</span>
            </div>
        </div>
        <div class="miaoshuxinxi clear">
            <span>故障描述:</span>
            <div>
                发动机发动不了，刹车也失灵了。发动机发动不了，刹车也失灵了。发动机发动不了，刹车也失灵了。发动机发动不了，刹车也失灵了。发动机发动不了，刹车也失灵了。发动机发动不了，刹车也失灵了。发动机发动不了，刹车也失灵了。发动机发动不了，刹车也失灵了。发动机发动不了，刹车也失灵了。
            </div>
        </div>

        <h3>质量检测</h3>
        <div class="table_box">
            <table class="table">
                <thead id="thead">
                    <tr>
                        <th>实验项目</th>
                        <th>实验结果</th>
                    </tr>
                </thead>
                <tbody id="tbody">
                    <tr>
                        <td>发动机启动实验</td>
                        <td>启动成功</td>
                    </tr>
                    <tr>
                        <td>刹车实验</td>
                        <td>刹车实验成功</td>
                    </tr>
                </tbody>
            </table>
            <h1>检测结果：已解决</h1>
        </div>
        <!-- 登录提示弹框 -->
        <div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="myModalLabel">温馨提示</h4>
                    </div>
                    <div class="modal-body">您还没有登录，请先登录</div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary queding">确定</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
    </div>

    <script>
         let user = JSON.parse(sessionStorage.getItem('user'));
            // let userName = document.querySelector('.register_box>span')
            // console.log(user);

            if (user == null) {
                $('#myModals').modal('show')
            } else {
                $('.register_box>span').text(user.username)
            }
            $('.queding').click(function () {
                location.href = '../login.html'
            })


        let danhao = JSON.parse(sessionStorage.getItem('danhao'));
        // let danhao_val = document.getElementById('danhao_val');
        // danhao_val
        $('#danhao_val').text(danhao)

    </script>
</body>
</html>